<template>
		<f7-views tabs id="appAS">
			<f7-view id="index" tab active main view-main>
				<!-- Pages -->
				<f7-pages>
					<f7-page navbar-fixed toolbar-fixed  name="index">
						<!-- Material Theme Navbar -->
						<f7-navbar v-if="$theme.ios">
							<f7-nav-left></f7-nav-left>
							<f7-nav-center sliding>首页</f7-nav-center>
							<f7-nav-right>
								<!--<f7-link href="/about/">linkToAbout</f7-link>-->
							</f7-nav-right>
						</f7-navbar>

						<!-- Page Content -->
						<div class="conter">
							<first-page></first-page>
						</div>
						<!--Page Content End-->
					</f7-page>
				</f7-pages>
			</f7-view>
			<f7-view id="index-Task" tab>
				<!-- Pages -->
				<f7-pages>
					<f7-page navbar-fixed toolbar-fixed >
						<!-- iOS Theme Navbar -->
						<f7-navbar v-if="$theme.ios">
							<f7-nav-left>
							</f7-nav-left>
							<f7-nav-center sliding>审批</f7-nav-center>
							<f7-nav-right>

							</f7-nav-right>
						</f7-navbar>

						<!-- Page Content -->
						<div class="center">
							<approval-page></approval-page>
						</div>
						<!--Page Content End-->
					</f7-page>
				</f7-pages>
			</f7-view>
			<f7-view id="index-Wo" tab>
				<!-- Pages -->
				<f7-pages>
					<f7-page navbar-fixed toolbar-fixed>
						<!-- Material Theme Navbar -->
						<!-- iOS Theme Navbar -->
						<f7-navbar v-if="$theme.ios">
							<f7-nav-left>

							</f7-nav-left>
							<f7-nav-center sliding>我的</f7-nav-center>
							<f7-nav-right>

							</f7-nav-right>
						</f7-navbar>

						<!-- Page Content -->
						<div class="center">
							<my-page></my-page>
						</div>
						<!--Page Content End-->

					</f7-page>
				</f7-pages>
			</f7-view>


			<!--导航-->
			<f7-toolbar tabbar labels>
				<f7-link icon="iconfont icon-shouyexian" text="首页" tab-link="#index" active ></f7-link>
				<f7-link icon="iconfont icon-daiban1" text="审批" tab-link="#index-Task"></f7-link>
				<f7-link icon="iconfont icon-wode1" text="我的" tab-link="#index-Wo"></f7-link>
			</f7-toolbar>

		</f7-views>

</template>

<script>
	import InitPage from './PageInit.vue';
	import firstPage from './first';
	import approvalPage from './approval';
	import myPage from './my';
	import {bindLink,timeRemaining,issueTimeSub,timeChange} from "./gather.vue"
	export default {

		components:{firstPage,approvalPage,myPage},

		data() {
			return {
				nameList: "",
			}
		},
		watch:{

		},
		filters: {

		},
		mounted: function() {
			this.init();
		},
		methods: {
			init: function(){

			},
			bindLink,//链接--例子详情gather.vue
			timeRemaining,//计算剩余时间
			issueTimeSub,//截取时间 10位
			timeChange//时间格式转换和截取
		},
	}
</script>